@seniorsistemas/angular-components 14.9.2 → 14.9.6

package/fesm5/seniorsistemas-angular-components.js

@@ -4931,6 +4931,9 @@ var CustomFieldsComponent = /** @class */ (function () {
                     validators.push(Validators.pattern(validationRegex));
                 if (fieldType === CustomFieldType.Integer && !formField.mask)
                     validators.push(Validators.pattern(/^\-?\d*$/));
+                if (formField.required()) {
+                    validators.push(Validators.required);
+                }
                 var control = new FormControl({ value: defaults[fieldType].defaultValue, disabled: _this.formGroup.disabled }, validators);
                 control.markAsDirty({ onlySelf: true });
                 _this.formGroup.addControl(formField.name, control);
@@ -5018,7 +5021,7 @@ var CustomFieldsComponent = /** @class */ (function () {
         this.fields.forEach(function (field) {
             var type = field.type, name = field.name, mask = field.mask, scale = field.scale;
             var value = _this.formGroup.get(name).value;
-            if (value)
+            if (value) {
                 switch (type) {
                     case FieldType.Number:
                         if (mask)
@@ -5034,7 +5037,8 @@ var CustomFieldsComponent = /** @class */ (function () {
                         value = moment$3(value).format("HH:mm:ss");
                         break;
                 }
-            if (value !== null && !(new BigNumber(value).isNaN())) {
+            }
+            if (value !== null && !Number.isNaN(value)) {
                 parsedValues[name] = value;
             }
             else if (_this.isTypeNumberOrEnum(type)) {
@@ -5090,7 +5094,7 @@ var CustomFieldsComponent = /** @class */ (function () {
                 parameters = {};
                 break;
         }
-        return new FormField(__assign({ name: field.id, label: field.customization.label, tooltip: field.customization.tooltip, type: field.type, mask: field.customization.mask, calendarOptions: localeOptions.calendar, currencyOptions: localeOptions.number }, parameters));
+        return new FormField(__assign({ name: field.id, label: field.customization.label, tooltip: field.customization.tooltip, type: field.type, mask: field.customization.mask, required: function () { return field.customization.mandatory; }, calendarOptions: localeOptions.calendar, currencyOptions: localeOptions.number }, parameters));
     };
     CustomFieldsComponent.prototype.getEnumParameters = function (field) {
         return {
@@ -5322,10 +5326,13 @@ var CustomFieldsComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], CustomFieldsComponent.prototype, "requestAccessEndpoint", void 0);
+    __decorate([
+        Input()
+    ], CustomFieldsComponent.prototype, "requiredErrorMessage", void 0);
     CustomFieldsComponent = CustomFieldsComponent_1 = __decorate([
         Component({
             selector: "s-custom-fields",
-            template: "<s-dynamic-form [fields]=\"fields\" [form]=\"formGroup\" [errorMessages]=\"{pattern: invalidErrorLabel}\"></s-dynamic-form>",
+            template: "<s-dynamic-form [fields]=\"fields\" [form]=\"formGroup\" [errorMessages]=\"{pattern: invalidErrorLabel, required: requiredErrorMessage}\"></s-dynamic-form>",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -6389,10 +6396,12 @@ var StatsCardComponent = /** @class */ (function () {
     });
     StatsCardComponent.prototype.updateDisplayValue = function () {
         var _this = this;
+        var animationDuration = new BigNumber$1(this.ANIMATION_DURATION_MS);
+        var stepDuration = new BigNumber$1(this.STEP_DURATION_MS);
+        var animationCount = animationDuration.dividedBy(stepDuration);
         var previousRawValue = new BigNumber$1(this.previousValue.replace(/\D/g, ""));
         var rawValue = new BigNumber$1(this.value.replace(/\D/g, ""));
-        var eachAnimationDuration = new BigNumber$1(this.ANIMATION_DURATION_MS).dividedBy(new BigNumber$1(this.STEP_DURATION_MS));
-        var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(eachAnimationDuration).dp(0, 7);
+        var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(animationCount);
         var incremental = previousRawValue.isLessThan(rawValue);
         clearInterval(this.intervalId);
         this.displayValue = this.replaceNumericPositions(this.value);
@@ -6468,7 +6477,7 @@ var StatsCardComponent = /** @class */ (function () {
     StatsCardComponent = StatsCardComponent_1 = __decorate([
         Component({
             selector: "s-stats-card",
-            template: "<div [id]=\"id\" [ngClass]=\"{\n    's-stats-card-light': lightMode,\n    's-stats-card-color': !lightMode,\n    's-stats-card-container-light-version': lightVersion,\n    's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n    <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n    <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n    <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n        <div class=\"s-stats-card-info-inner-container\">\n\n            <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n                [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n                <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n                    [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n            </div>\n\n            <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n                <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n                <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"value\" tooltipPosition=\"top\" showDelay=\"500\">{{displayValue}}</span>\n            </div>\n\n        </div>\n        <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n            <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n        </span>\n    </div>\n\n</div>\n",
+            template: "<div [id]=\"id\" [ngClass]=\"{\n    's-stats-card-light': lightMode,\n    's-stats-card-color': !lightMode,\n    's-stats-card-container-light-version': lightVersion,\n    's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n    <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n    <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n    <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n        <div class=\"s-stats-card-info-inner-container\">\n\n            <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n                [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n                <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n                    [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n            </div>\n\n            <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n                <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n                <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"displayValue\" tooltipPosition=\"top\" showDelay=\"500\">{{ displayValue }}</span>\n            </div>\n\n        </div>\n        <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n            <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n        </span>\n    </div>\n\n</div>\n",
             encapsulation: ViewEncapsulation.None,
             styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}"]
         })