@seniorsistemas/angular-components 14.9.2 → 14.9.6

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

@@ -5114,6 +5114,9 @@
                         validators.push(forms.Validators.pattern(validationRegex));
                     if (fieldType === CustomFieldType.Integer && !formField.mask)
                         validators.push(forms.Validators.pattern(/^\-?\d*$/));
+                    if (formField.required()) {
+                        validators.push(forms.Validators.required);
+                    }
                     var control = new forms.FormControl({ value: defaults[fieldType].defaultValue, disabled: _this.formGroup.disabled }, validators);
                     control.markAsDirty({ onlySelf: true });
                     _this.formGroup.addControl(formField.name, control);
@@ -5201,7 +5204,7 @@
             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 exports.FieldType.Number:
                             if (mask)
@@ -5217,7 +5220,8 @@
                             value = moment$3(value).format("HH:mm:ss");
                             break;
                     }
-                if (value !== null && !(new BigNumber__default(value).isNaN())) {
+                }
+                if (value !== null && !Number.isNaN(value)) {
                     parsedValues[name] = value;
                 }
                 else if (_this.isTypeNumberOrEnum(type)) {
@@ -5273,7 +5277,7 @@
                     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 {
@@ -5505,10 +5509,13 @@
         __decorate([
             core.Input()
         ], CustomFieldsComponent.prototype, "requestAccessEndpoint", void 0);
+        __decorate([
+            core.Input()
+        ], CustomFieldsComponent.prototype, "requiredErrorMessage", void 0);
         CustomFieldsComponent = CustomFieldsComponent_1 = __decorate([
             core.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: forms.NG_VALUE_ACCESSOR,
@@ -6572,10 +6579,12 @@
         });
         StatsCardComponent.prototype.updateDisplayValue = function () {
             var _this = this;
+            var animationDuration = new BigNumber.BigNumber(this.ANIMATION_DURATION_MS);
+            var stepDuration = new BigNumber.BigNumber(this.STEP_DURATION_MS);
+            var animationCount = animationDuration.dividedBy(stepDuration);
             var previousRawValue = new BigNumber.BigNumber(this.previousValue.replace(/\D/g, ""));
             var rawValue = new BigNumber.BigNumber(this.value.replace(/\D/g, ""));
-            var eachAnimationDuration = new BigNumber.BigNumber(this.ANIMATION_DURATION_MS).dividedBy(new BigNumber.BigNumber(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);
@@ -6651,7 +6660,7 @@
         StatsCardComponent = StatsCardComponent_1 = __decorate([
             core.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: core.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}"]
             })