brainloper-ui 14.0.36 → 14.0.37

package/esm2020/src/app/modules/brainloper-ui/components/combos/combos.component.mjs

@@ -137,10 +137,10 @@ export class CombosComponent {
     }
 }
 CombosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CombosComponent, deps: [{ token: i1.HttpService }], target: i0.ɵɵFactoryTarget.Component });
-CombosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CombosComponent, selector: "combos", inputs: { dataCombos: "dataCombos", additionalData: "additionalData", configuration: "configuration", filter: "filter", checkbox: "checkbox", required: "required", disabled: "disabled", addFinal: "addFinal", appearance: "appearance", reloadCombo: "reloadCombo", control: "control" }, outputs: { changeOption: "changeOption", changeOptionDataComplete: "changeOptionDataComplete", returnDataCombo: "returnDataCombo" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i9.SelectFilterComponent, selector: "app-select-filter", inputs: ["array", "placeholder", "color", "displayMember", "showSpinner", "noResultsMessage", "hasGroup", "groupArrayName"], outputs: ["filteredReturn"] }] });
+CombosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CombosComponent, selector: "combos", inputs: { dataCombos: "dataCombos", additionalData: "additionalData", configuration: "configuration", filter: "filter", checkbox: "checkbox", required: "required", disabled: "disabled", addFinal: "addFinal", appearance: "appearance", reloadCombo: "reloadCombo", control: "control" }, outputs: { changeOption: "changeOption", changeOptionDataComplete: "changeOptionDataComplete", returnDataCombo: "returnDataCombo" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}@media (max-width: 400px){combo-container{width:100%;justify-content:center;padding-left:8px;padding-right:8px}.mat-form-field{width:100%!important;min-width:120px;max-width:100vw;font-size:14px}.mat-select{font-size:14px}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i9.SelectFilterComponent, selector: "app-select-filter", inputs: ["array", "placeholder", "color", "displayMember", "showSpinner", "noResultsMessage", "hasGroup", "groupArrayName"], outputs: ["filteredReturn"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CombosComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'combos', template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"] }]
+            args: [{ selector: 'combos', template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}@media (max-width: 400px){combo-container{width:100%;justify-content:center;padding-left:8px;padding-right:8px}.mat-form-field{width:100%!important;min-width:120px;max-width:100vw;font-size:14px}.mat-select{font-size:14px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.HttpService }]; }, propDecorators: { dataCombos: [{
                 type: Input
             }], additionalData: [{

package/fesm2015/brainloper-ui.mjs

@@ -722,10 +722,10 @@ class CombosComponent {
     }
 }
 CombosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CombosComponent, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Component });
-CombosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CombosComponent, selector: "combos", inputs: { dataCombos: "dataCombos", additionalData: "additionalData", configuration: "configuration", filter: "filter", checkbox: "checkbox", required: "required", disabled: "disabled", addFinal: "addFinal", appearance: "appearance", reloadCombo: "reloadCombo", control: "control" }, outputs: { changeOption: "changeOption", changeOptionDataComplete: "changeOptionDataComplete", returnDataCombo: "returnDataCombo" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SelectFilterComponent, selector: "app-select-filter", inputs: ["array", "placeholder", "color", "displayMember", "showSpinner", "noResultsMessage", "hasGroup", "groupArrayName"], outputs: ["filteredReturn"] }] });
+CombosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CombosComponent, selector: "combos", inputs: { dataCombos: "dataCombos", additionalData: "additionalData", configuration: "configuration", filter: "filter", checkbox: "checkbox", required: "required", disabled: "disabled", addFinal: "addFinal", appearance: "appearance", reloadCombo: "reloadCombo", control: "control" }, outputs: { changeOption: "changeOption", changeOptionDataComplete: "changeOptionDataComplete", returnDataCombo: "returnDataCombo" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}@media (max-width: 400px){combo-container{width:100%;justify-content:center;padding-left:8px;padding-right:8px}.mat-form-field{width:100%!important;min-width:120px;max-width:100vw;font-size:14px}.mat-select{font-size:14px}}\n"], dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SelectFilterComponent, selector: "app-select-filter", inputs: ["array", "placeholder", "color", "displayMember", "showSpinner", "noResultsMessage", "hasGroup", "groupArrayName"], outputs: ["filteredReturn"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CombosComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'combos', template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"] }]
+            args: [{ selector: 'combos', template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\n  <div class=\"combo-container\">\n\n    <mat-icon\n      class=\"m-1 icon-information\"\n      *ngIf=\"tooltipDescription\"\n      matTooltip=\"{{tooltipDescription}}\"\n      matTooltipPosition=\"above\"\n      #tooltip=\"matTooltip\"\n      (click)=\"toggleTooltip()\"\n      matTooltipClass=\"custom-tooltip\"\n     >info</mat-icon>\n\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\n      <mat-label style=\"text-transform: capitalize\">{{\n        configuration.label\n        }}</mat-label>\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(control)\" [required]=\"required\"\n        [formControl]=\"control\" [disabled]=\"disabled\">\n        <app-select-filter [noResultsMessage]=\"'No hay resultados'\" *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\n        </app-select-filter>\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\n          {{ data[configuration.visibleField] }}\n        </mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\n    </mat-form-field>\n  </div>\n</div>\n\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}@media (max-width: 400px){combo-container{width:100%;justify-content:center;padding-left:8px;padding-right:8px}.mat-form-field{width:100%!important;min-width:120px;max-width:100vw;font-size:14px}.mat-select{font-size:14px}}\n"] }]
         }], ctorParameters: function () { return [{ type: HttpService }]; }, propDecorators: { dataCombos: [{
                 type: Input
             }], additionalData: [{