@seniorsistemas/angular-components 16.12.3 → 16.13.0

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

@@ -8109,38 +8109,6 @@
             enumerable: true,
             configurable: true
         });
-        CustomFieldsComponent.prototype.registerOnChange = function (fn) {
-            var _this = this;
-            this.onChange = fn;
-            this.formGroup.valueChanges.subscribe(function () { return _this.onChange(_this.parseFieldsValues()); });
-        };
-        CustomFieldsComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouched = fn;
-        };
-        CustomFieldsComponent.prototype.writeValue = function (value) {
-            if (this.ready) {
-                var newValue = this.parseValuesForFields(value);
-                this.formGroup.patchValue(newValue);
-                this.value = newValue;
-                this.createFilesIfSetFormValuesAfterInit();
-            }
-            else {
-                this.formGroup.patchValue(value || {});
-                this.value = value;
-            }
-        };
-        CustomFieldsComponent.prototype.setDisabledState = function (isDisabled) {
-            if (isDisabled)
-                this.formGroup.disable({ emitEvent: false });
-            else
-                this.formGroup.enable({ emitEvent: false });
-        };
-        CustomFieldsComponent.prototype.getCustomFields = function () {
-            if (this.entityObject && this.entityObject.entity_) {
-                return rxjs.of(this.entityObject);
-            }
-            return this.customFieldsService.getCustomFields(this.domain, this.service, this.entity, this.customFieldsEndpoint);
-        };
         CustomFieldsComponent.prototype.ngOnInit = function () {
             var _this = this;
             if (!this.domain)
@@ -8213,10 +8181,50 @@
                 _this.ready = true;
             });
         };
+        CustomFieldsComponent.prototype.ngAfterViewInit = function () {
+            this.enableOrDisableFields(this.disableFields);
+        };
+        CustomFieldsComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.disableFields) {
+                this.enableOrDisableFields(changes.disableFields.currentValue);
+            }
+        };
         CustomFieldsComponent.prototype.ngOnDestroy = function () {
             this.ngUsubscribe.next();
             this.ngUsubscribe.complete();
         };
+        CustomFieldsComponent.prototype.registerOnChange = function (fn) {
+            var _this = this;
+            this.onChange = fn;
+            this.formGroup.valueChanges.subscribe(function () { return _this.onChange(_this.parseFieldsValues()); });
+        };
+        CustomFieldsComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        CustomFieldsComponent.prototype.writeValue = function (value) {
+            if (this.ready) {
+                var newValue = this.parseValuesForFields(value);
+                this.formGroup.patchValue(newValue);
+                this.value = newValue;
+                this.createFilesIfSetFormValuesAfterInit();
+            }
+            else {
+                this.formGroup.patchValue(value || {});
+                this.value = value;
+            }
+        };
+        CustomFieldsComponent.prototype.setDisabledState = function (isDisabled) {
+            if (isDisabled)
+                this.formGroup.disable({ emitEvent: false });
+            else
+                this.formGroup.enable({ emitEvent: false });
+        };
+        CustomFieldsComponent.prototype.getCustomFields = function () {
+            if (this.entityObject && this.entityObject.entity_) {
+                return rxjs.of(this.entityObject);
+            }
+            return this.customFieldsService.getCustomFields(this.domain, this.service, this.entity, this.customFieldsEndpoint);
+        };
         CustomFieldsComponent.prototype.validate = function () {
             var _this = this;
             var errors = {};
@@ -8227,6 +8235,28 @@
             });
             return errors;
         };
+        CustomFieldsComponent.prototype.enableOrDisableFields = function (disabled) {
+            var e_1, _a;
+            if (!this.formGroup) {
+                return;
+            }
+            try {
+                for (var _b = __values(Object.keys(this.formGroup.value)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var controlName = _c.value;
+                    disabled ? this.formGroup.get(controlName).disable() : this.formGroup.get(controlName).enable();
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+        CustomFieldsComponent.prototype.cleanFields = function () {
+            this.formGroup.reset();
+        };
         CustomFieldsComponent.prototype.parseValuesForFields = function (values) {
             var parsedValues = __assign({}, values);
             this.fields.forEach(function (field) {
@@ -8614,6 +8644,9 @@
         __decorate([
             core.Input()
         ], CustomFieldsComponent.prototype, "ready$", void 0);
+        __decorate([
+            core.Input()
+        ], CustomFieldsComponent.prototype, "disableFields", void 0);
         CustomFieldsComponent = CustomFieldsComponent_1 = __decorate([
             core.Component({
                 selector: "s-custom-fields",
@@ -12506,6 +12539,72 @@
         ProgressBarColors["Yellow"] = "yellow";
     })(exports.ProgressBarColors || (exports.ProgressBarColors = {}));
 
+    var RatingScaleComponent = /** @class */ (function () {
+        function RatingScaleComponent() {
+            this.disabled = false;
+        }
+        RatingScaleComponent_1 = RatingScaleComponent;
+        RatingScaleComponent.prototype.writeValue = function (value) {
+            if (!this.disabled) {
+                this.value = value;
+            }
+        };
+        RatingScaleComponent.prototype.registerOnChange = function (onChange) {
+            this._onChange = onChange;
+        };
+        RatingScaleComponent.prototype.registerOnTouched = function (onTouched) {
+            this._onTouched = onTouched;
+        };
+        RatingScaleComponent.prototype.onSelect = function (rating) {
+            this.value = rating;
+            if (this._onChange) {
+                this._onChange(this.value);
+            }
+        };
+        var RatingScaleComponent_1;
+        __decorate([
+            core.Input()
+        ], RatingScaleComponent.prototype, "nodes", void 0);
+        __decorate([
+            core.Input()
+        ], RatingScaleComponent.prototype, "startLabel", void 0);
+        __decorate([
+            core.Input()
+        ], RatingScaleComponent.prototype, "endLabel", void 0);
+        __decorate([
+            core.Input()
+        ], RatingScaleComponent.prototype, "disabled", void 0);
+        RatingScaleComponent = RatingScaleComponent_1 = __decorate([
+            core.Component({
+                selector: "s-rating-scale",
+                template: "<div\n    class=\"rating-scale\"\n    [ngClass]=\"{ 'rating-scale--disabled': disabled }\">\n    <div class=\"nodes\">\n        <button\n            *ngFor=\"let node of nodes; index as i\"\n            class=\"node\"\n            [ngClass]=\"{ 'node--selected': value?.id === node.id && !disabled }\"\n            tabindex=\"0\"\n            (click)=\"onSelect(node)\">            \n            <span\n                *ngIf=\"node.icon\"\n                class=\"icon fas\"\n                [ngClass]=\"node.icon\">\n            </span>\n            <span\n                *ngIf=\"node.title\"\n                class=\"label\">\n                {{ node.title }}\n            </span>\n        </button>\n    </div>\n    <div class=\"labels\">\n        <span>{{ startLabel }}</span>\n        <span>{{ endLabel }}</span>\n    </div>\n</div>",
+                providers: [{
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return RatingScaleComponent_1; }),
+                        multi: true,
+                    }],
+                styles: [".rating-scale{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rating-scale .nodes{display:-ms-flexbox;display:flex}.rating-scale .nodes .node{-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:6px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:center;justify-content:center;margin:0 2px;padding:8px;border:1px solid #7892a1}.rating-scale .nodes .node .icon{color:#6e7280;font-size:1rem}.rating-scale .nodes .node .label{color:#212533;font-size:.875rem;font-weight:400;line-height:150%}.rating-scale .nodes .node .icon,.rating-scale .nodes .node .label{margin:6px}.rating-scale .nodes .node--selected{background-color:#d5e8ec;border-color:#428bca;color:#428bca}.rating-scale .nodes .node:first-child{margin-left:0}.rating-scale .nodes .node:last-child{margin-right:0}.rating-scale .labels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0}.rating-scale .labels span{color:#080808;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%}.rating-scale--disabled{opacity:.5}.rating-scale:not(.rating-scale--disabled) .node{cursor:pointer}.rating-scale:not(.rating-scale--disabled) .node:hover{background-color:#dedce5}.rating-scale:not(.rating-scale--disabled) .node:focus{border-width:2px;outline:0}"]
+            })
+        ], RatingScaleComponent);
+        return RatingScaleComponent;
+    }());
+
+    var RatingScaleModule = /** @class */ (function () {
+        function RatingScaleModule() {
+        }
+        RatingScaleModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.ReactiveFormsModule,
+                ],
+                declarations: [RatingScaleComponent],
+                exports: [RatingScaleComponent],
+            })
+        ], RatingScaleModule);
+        return RatingScaleModule;
+    }());
+
 
     (function (SplitButtonType) {
         SplitButtonType["Primary"] = "primary";
@@ -12989,6 +13088,8 @@
     exports.ProgressBarComponent = ProgressBarComponent;
     exports.ProgressBarModule = ProgressBarModule;
     exports.RadioButtonField = RadioButtonField;
+    exports.RatingScaleComponent = RatingScaleComponent;
+    exports.RatingScaleModule = RatingScaleModule;
     exports.RationButtonOption = RationButtonOption;
     exports.RowTogllerDirective = RowTogllerDirective;
     exports.Section = Section;