@seniorsistemas/angular-components 16.3.9 → 16.4.0

package/fesm5/seniorsistemas-angular-components.js

@@ -35,7 +35,7 @@ import { MultiSelectModule } from 'primeng/multiselect';
 import { InputSwitchModule } from 'primeng/inputswitch';
 import { PanelModule } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
-import { ProgressBarModule } from 'primeng/progressbar';
+import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
 import { DomSanitizer } from '@angular/platform-browser';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import Cropper from 'cropperjs';
@@ -3120,7 +3120,7 @@ var FileUploadModule = /** @class */ (function () {
                 CommonModule,
                 ButtonModule,
                 TooltipModule$1,
-                ProgressBarModule,
+                ProgressBarModule$1,
             ],
             exports: [FileUploadComponent],
         })
@@ -4966,19 +4966,19 @@ var TablePagingComponent = /** @class */ (function () {
     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) {
@@ -4989,37 +4989,42 @@ var TablePagingComponent = /** @class */ (function () {
         }
         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";
@@ -10394,9 +10399,70 @@ var CodeEditorModule = /** @class */ (function () {
     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([
+        Input()
+    ], ProgressBarComponent.prototype, "value", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarComponent.prototype, "targetValue", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarComponent.prototype, "targetLabel", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarComponent.prototype, "activeColor", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarComponent.prototype, "showValue", void 0);
+    ProgressBarComponent = __decorate([
+        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([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [ProgressBarComponent],
+            exports: [ProgressBarComponent],
+        })
+    ], ProgressBarModule);
+    return ProgressBarModule;
+}());
+
+var ProgressBarColors;
+(function (ProgressBarColors) {
+    ProgressBarColors["Blue"] = "blue";
+    ProgressBarColors["Green"] = "green";
+    ProgressBarColors["Red"] = "red";
+    ProgressBarColors["Yellow"] = "yellow";
+})(ProgressBarColors || (ProgressBarColors = {}));
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, TextAreaFieldComponent as ɵba, TextFieldComponent as ɵbb, BooleanSwitchFieldComponent as ɵbc, DecimalField as ɵbe, StructureModule as ɵbf, HeaderComponent as ɵbg, FooterComponent as ɵbh, NumberLocaleOptions as ɵbi, ThumbnailService as ɵbj, TimelineItemModule as ɵbk, TimelineIconItemComponent as ɵbl, HorizontalTimelineModule as ɵbm, HorizontalTimelineComponent as ɵbn, VerticalTimelineModule as ɵbo, VerticalTimelineComponent as ɵbp, RangeLineComponent as ɵbq, CollapseOptionComponent as ɵbr, CollapsedItemsComponent as ɵbs, VerticalItemsComponent as ɵbt, InfiniteScrollModule as ɵbu, InfiniteScrollDirective as ɵbv, CustomTranslationsModule as ɵbw, CodeEditorComponent as ɵbx, CoreFacade as ɵby, CodeMirror6Core as ɵbz, LocalizedBignumberImpurePipe as ɵc, TooltipModule as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, InfoSignComponent as ɵh, TableColumnsComponent as ɵi, TablePagingComponent as ɵj, AutocompleteFieldComponent as ɵk, BooleanFieldComponent as ɵl, CalendarFieldComponent as ɵm, ChipsFieldComponent as ɵn, CurrencyFieldComponent as ɵo, DynamicFieldComponent as ɵp, DynamicFormDirective as ɵq, FieldsetComponent as ɵr, FileUploadComponent$1 as ɵs, LookupFieldComponent as ɵt, NumberFieldComponent as ɵu, BignumberFieldComponent as ɵv, RadioButtonComponent as ɵw, RowComponent as ɵx, SectionComponent as ɵy, SelectFieldComponent as ɵz };
+export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, TextAreaFieldComponent as ɵba, TextFieldComponent as ɵbb, BooleanSwitchFieldComponent as ɵbc, DecimalField as ɵbe, StructureModule as ɵbf, HeaderComponent as ɵbg, FooterComponent as ɵbh, NumberLocaleOptions as ɵbi, ThumbnailService as ɵbj, TimelineItemModule as ɵbk, TimelineIconItemComponent as ɵbl, HorizontalTimelineModule as ɵbm, HorizontalTimelineComponent as ɵbn, VerticalTimelineModule as ɵbo, VerticalTimelineComponent as ɵbp, RangeLineComponent as ɵbq, CollapseOptionComponent as ɵbr, CollapsedItemsComponent as ɵbs, VerticalItemsComponent as ɵbt, InfiniteScrollModule as ɵbu, InfiniteScrollDirective as ɵbv, CustomTranslationsModule as ɵbw, CodeEditorComponent as ɵbx, CoreFacade as ɵby, CodeMirror6Core as ɵbz, LocalizedBignumberImpurePipe as ɵc, TooltipModule as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, InfoSignComponent as ɵh, TableColumnsComponent as ɵi, TablePagingComponent as ɵj, AutocompleteFieldComponent as ɵk, BooleanFieldComponent as ɵl, CalendarFieldComponent as ɵm, ChipsFieldComponent as ɵn, CurrencyFieldComponent as ɵo, DynamicFieldComponent as ɵp, DynamicFormDirective as ɵq, FieldsetComponent as ɵr, FileUploadComponent$1 as ɵs, LookupFieldComponent as ɵt, NumberFieldComponent as ɵu, BignumberFieldComponent as ɵv, RadioButtonComponent as ɵw, RowComponent as ɵx, SectionComponent as ɵy, SelectFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map