@seniorsistemas/angular-components 17.11.0 → 17.12.1

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

@@ -13107,6 +13107,9 @@
                         scale: 0,
                     };
                     break;
+                case CustomFieldType.Any:
+                    field.type = exports.FieldType.String;
+                    break;
             }
             return new FormField(__assign({ name: field.id, label: field.customization.label, tooltip: field.customization.tooltip, infoSign: field.customization.infoSign, type: field.type, mask: field.customization.mask, required: function () { return field.customization.mandatory; }, calendarOptions: localeOptions.calendar, currencyOptions: localeOptions.number }, parameters));
         };
@@ -19349,6 +19352,51 @@
         return WorkspaceSwitchModule;
     }());
 
+    var LabelValueComponent = /** @class */ (function () {
+        function LabelValueComponent() {
+        }
+        LabelValueComponent.prototype.isBadgeConfiguration = function (config) {
+            return config.type === "Badge";
+        };
+        LabelValueComponent.prototype.isTextConfiguration = function (config) {
+            return config.type === "Text";
+        };
+        LabelValueComponent.prototype.isCurrencyConfiguration = function (config) {
+            return config.type === "Currency";
+        };
+        LabelValueComponent.prototype.isNumberConfiguration = function (config) {
+            return config.type === "Number";
+        };
+        LabelValueComponent.prototype.isDateConfiguration = function (config) {
+            return config.type === "Date";
+        };
+        __decorate([
+            core.Input()
+        ], LabelValueComponent.prototype, "configuration", void 0);
+        LabelValueComponent = __decorate([
+            core.Component({
+                selector: "s-label-value",
+                template: "<div class=\"flex flex-col\">\n    <p class=\"font-bold\">\n        {{ configuration.title }}\n    </p>\n\n    <ng-container *ngIf=\"configuration.value; else emptyStateTemplate\">\n        <ng-container *ngIf=\"isTextConfiguration(configuration)\">\n            <span class=\"sds-readonly\">\n                {{ configuration.value }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"isBadgeConfiguration(configuration)\">\n            <!-- TODO: Container para organizar as badges. -->\n            <ng-container *ngFor=\"let badge of configuration.value\">\n                <s-badge\n                    [type]=\"badge.type\"\n                    [color]=\"badge.color\"\n                    [text]=\"badge.text\"\n                    [iconClass]=\"badge.iconClass\"\n                    [iconPosition]=\"badge.iconPosition\"\n                ></s-badge>\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"isCurrencyConfiguration(configuration)\">\n            <span class=\"sds-readonly\">\n                {{\n                    configuration.value | numeric: { numberFormatOptions: { style: \"currency\", currency: configuration.currency } } | async\n                }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"isNumberConfiguration(configuration)\">\n            <span class=\"sds-readonly\">\n                {{ configuration.value | localizedNumber | async }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"isDateConfiguration(configuration)\">\n            <span class=\"sds-readonly\">\n                {{ configuration.value | localizedDate: configuration.format || \"L\" | async }}\n            </span>\n        </ng-container>\n    </ng-container>\n</div>\n\n<ng-template #emptyStateTemplate>\n    <span class=\"sds-empty-value\">\n        {{ \"platform.angular_components.not_informed\" | translate }}\n    </span>\n</ng-template>\n",
+                styles: [".flex{display:-ms-flexbox;display:flex}.flex-col{-ms-flex-direction:column;flex-direction:column}.font-bold{font-weight:700}"]
+            })
+        ], LabelValueComponent);
+        return LabelValueComponent;
+    }());
+
+    var LabelValueModule = /** @class */ (function () {
+        function LabelValueModule() {
+        }
+        LabelValueModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, core$1.TranslateModule, BadgeModule, LocaleModule],
+                providers: [ngxCookieService.CookieService],
+                declarations: [LabelValueComponent],
+                exports: [LabelValueComponent],
+            })
+        ], LabelValueModule);
+        return LabelValueModule;
+    }());
+
     var fallback = {
         "platform.angular_components.drag_your_photo_or": "Arraste sua foto ou",
         "platform.angular_components.select_a_file": "selecione um arquivo",
@@ -19747,6 +19795,8 @@
     exports.InlineEditTextField = InlineEditTextField;
     exports.KanbanComponent = KanbanComponent;
     exports.KanbanModule = KanbanModule;
+    exports.LabelValueComponent = LabelValueComponent;
+    exports.LabelValueModule = LabelValueModule;
     exports.LoadingStateComponent = LoadingStateComponent;
     exports.LoadingStateDirective = LoadingStateDirective;
     exports.LoadingStateModule = LoadingStateModule;